//下面是通过代理模式下的加载img，当网络不好的时候，会有一片空白，load本地文件，当网络好的时候再替换掉
var myImage = (()=>{
  var imgNode = document.createElement('img');
  document.body.appendChild(imgNode);
  return {
    setSrc: function(src) {
      imgNode.src = src;
    }
  }
})()

var proxyImage = (()=>{
  var img = new Image;
  img.onload = function() {
    myImage.setSrc(this.src)
  }
  return {
    setSrc: function(src) {
      myImage.setSrc("file:///E:/图片壁纸/zhangyu.jpg");
      img.src = src
    }
  }
})()

proxyImage.setSrc("某src路径")

// 不用代理的预加载图片
var MyImage = (function() {
  var imgNode = document.createElement('img')
  document.body.appendChild(imgNode)
  var img = new Image;

  img.onload = function() {
    imgNode.src = img.src
  }

  return {
    setSrc: function(src) {
      imgNode.src = 'file:///E:/图片壁纸/zhangyu.jpg';
      img.src = src
    }
  }
})()